<%# helper/header_simple.html %>

<div class="main-container" id="main-container">
    <div class="content-item">
        <div class="lists" id="hot-list">

            <% this.hotlist.top.forEach(function(info,index){ %>
            <a class="item" href="veryside://link?type=<%= info.type || 7 %>&id=<%= info.id %>">
                <div class="index-img lazy" data-original="<%= info.thumb %>"></div>
                <div class="img-des-block">
                    <p><%= info.title %></p>
                    <p><%= info.subtitle %></p>
                </div>
            </a>
            <% }) %>
            
        </div>
    </div>
    <h2>不错过任何精彩</h2>
    <div class="more">
        <% this.hotlist.list.forEach(function(info,index){ %>
        <a class="more-item <%= (index+1) % 2 == 0 ? 'even-img' : 'odd-img' %>" href="veryside://link?type=<%= info.type || 7 %>&id=<%= info.id %>">
            <div class="index-img lazy" data-original="<%= info.thumb %>"></div>
            <span>
                <%= info.title %>
            </span>
        </a>
        <% }) %>

    </div>
</div>

<%# helper/footer.html %>
